@charset "utf-8";
@import "common/reset";
@function r($px){
    @return $px/100+rem;
}
section{
    width: 100%;
    .section-one{
        padding: 0 r(30);
        margin-top: r(42);
        font-size: 0;
        .frist{
            font-size: 0;
            h1{
                font-size: r(30);
                color: #010101;
                margin-bottom: r(16);
            }
            span{
                font-size: r(22);
                color: #c5c5c5;
                margin-right: r(18);
            }
        }
        .two{
            margin-top: r(51);
            p{
                font-size: r(22);
                color: #8b8b8b;
            }
        }
        .section-img{
            width: r(581);
            height: r(337);
            margin-top: r(27);
            img{
                width: 100%;
            }
        }
        .sec-li{
            font-size: 0;
            border: r(1) solid #e6e6e6;
            width: 100%;
            margin-top: r(29);
        }
    }
    .section-two{
        margin-top: r(37);
        width: 100%;
        h1{
            padding: 0 r(30);
            font-size: r(28);
            color: #8b8b8b; 
        }
        .mode{
            width: 100%;
            background: #b20000;
            margin-top: r(9);
            a{
                display: inline-block;
                text-align: center;
                width: 30%;
                border-right: r(1) solid white;
                img{
                    width: r(44);
                    height: r(41);
                    color: #ffffff;
                    display: block;
                    margin-left: r(72);
                }
                span{
                    margin-top: r(19);
                    font-size: r(23);
                    color: #ffffff;
                    display: block; 
                }
            }
            a:nth-child(3){
                border: 0;
            }
        }
    }
}
